<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Canvas Ball Control</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <input type="text" id="nickname" placeholder="请输入昵称">
    <input type="button" id="login" value="login">
    <input type="button" id="logout" value="logout">
    <br/>
    <br/>
    <canvas id="gameCanvas" width="200" height="200"></canvas>
    <script src="jquery.min.js"></script>
    <script src="ball_script.js"></script>
</body>
</html>